<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Click and Drag Image Slider</title>
        <link rel="stylesheet" href="../assets/css/clickanddrag.css">
    </head>
    <body>
        <div class="slider-container">
            <div class="slide">
              <img
                src="https://picsum.photos/id/1040/1500/900"
                alt="sample-img-1"
              />
            </div>
            <div class="slide">
              <img
                src="https://picsum.photos/id/1043/1500/900"
                alt="sample-img-2"
              />
            </div>
            <div class="slide">
              <img
                src="https://picsum.photos/id/1018/1500/900"
                alt="sample-img-3"
              />
            </div>
            <div class="slide">
              <img
                src="https://picsum.photos/id/1039/1500/900"
                alt="sample-img-4"
              />
            </div>
            <div class="slide">
              <img
                src="https://picsum.photos/id/1050/1500/900"
                alt="sample-img-5"
              />
            </div>
          </div>

        <script src="../assets/js/clickanddrag.js"></script>

    </body>
</html>